<template>
    <Swiper class="swpierClass">
        <SwiperItem v-for="item in banners">
            <a :href="item.link">
                <img :src="item.image">
            </a>
        </SwiperItem>
    </Swiper>
</template>

<script>
  import {Swiper, SwiperItem} from "components/common/swiper";

  export default {
    name: "HomeBanner",
    props: {
      banners: {
        type: Array,
        default() {
          return [
            {
              link: 'https://www.baidu.com',
              image: 'https://www.baidu.com/img/dong_a16028f60eed614e4fa191786f32f417.gif'
            }
          ]
        }
      }
    },
    components: {
      Swiper,
      SwiperItem
    }
  }
</script>

<style scoped>
.swpierClass{
    border-bottom: 1px solid #eeeeee;
}
</style>